<div id="clientManagentList">
<div class="page-head">
    <h1 class="font-thin h4">客户管理</h1>
</div>
<div class="list-body" ng-controller="clientNewController">
    <div class="list-query">
        <div class="query-terms" ng-if="queryTermsFilterList[0].visible">
            <label class="control-label pull-left">客户单位：</label>
            <input type="text" class="form-control input-sm query-term" id="table_clientManagent_name" ng-model="queryTerms.name" placeholder="请输入客户单位名称">
        </div>
        <div class="query-terms" ng-if="queryTermsFilterList[1].visible">
            <label class="control-label pull-left">地址 ：</label>
            <input type="text" class="form-control input-sm query-term" id="table_clientManagent_address" name="table-clientManagent-address" ng-model="queryTerms.address" placeholder="请输入地址">
        </div>
        <div class="query-terms" ng-if="queryTermsFilterList[2].visible">
            <label class="control-label pull-left">商务专员 ：</label>
            <select id="table_clientManagent_businessOfficerId " name="table_clientManagent_businessOfficerId" class="form-control query-term tms-select" ng-model="queryTerms.businessOfficerId" ng-options="x.id as x.realName for x in businessOfficerDropDown">
                <option value="">全部</option>
            </select>
            <!-- <span class="list-select-icon" ng-click="table_clientManagent_businessOfficerId.click()"></span> -->
        </div>
        <div class="query-terms" ng-if="queryTermsFilterList[3].visible">
            <label class="control-label pull-left">客户类型 ：</label>
            <select id="table_clientManagent_clientType" name="businessOfficerId" class="form-control tms-select query-term" ng-model="queryTerms.clientType" ng-options="x.value as x.text for x in clientList">
                <option value="">全部</option>
            </select>
        </div>
        <div class="query-terms">
            <label class="control-label pull-left"></label>
            <button id="table_clientManagent_query" ng-click="queryFunc()" class="btn tms-btn tms-btn-search" ng-class="{'disabled':querying}" ng-disabled="querying">
                <i class="fa fa-search" ng-show="!querying"></i>
                <i class="fa fa-spinner no-bordr" ng-show="querying" ng-class="{'fa-spin':querying}"></i>
                <span ng-show="!querying">查询</span>
                <span ng-show="querying">查询中...</span>
            </button>
        </div>

    </div>
    
    <div class="list-btn-area">
        <button id="table_clientManagent_add" ui-sref="app.client.client_addNew" class=" btn tms-btn tms-btn-add ">添加</button>
        <button ng-click="exportFunc()" class="btn tms-btn tms-btn-export">导出报表</button>
        <div class="list-filter-container">
            <tms-list-filter 
                tab-head-filter="tabHeadFilter(item)"
                query-terms-filter-list="queryTermsFilterList"
                tab-head-filter-list="tabHeadFilterList"
            ></tms-list-filter>

        </div>
    </div>
    <div class="list-table">
        <div  ui-grid="gridOptions" ui-grid-pagination ui-grid-auto-resize ui-grid-resize-columns style=" height:{{heightA}}px;
            overflow:hidden; min-width:1650px;">
            <div class="watermark" ng-if="!gridOptions.data.length">暂无数据</div>
        </div>
    </div>


</div>
</div>

<style>
    #edit{
        border:2px solid red;
    }
    #edit:focus{
        border: 1px solid blue;
    }
</style>